


.pre{
    width:100%;
    height: 0.1rem;
    background-color:#f5faf7;
}
.content-box{
    background-color: #fff;
}
.content-nav{
    width: 100%;
    height: 0.48rem;
    font-size: 0.14rem;
    box-sizing: border-box;
    /*overflow-y: auto;*/
    border-bottom: solid 0.01rem #d8d8d8;
    overflow: hidden;
}



/*头部*/
header{
	width: 100%;
	position: relative;
	font-size: 0.14rem;
}


.left{
	float: left;
}

.right{
	float: right;
	
}
.pur-top{
    overflow: hidden;
    padding: 0.12rem 0.1rem 0.03rem 0.1rem;
    background: #59c918;
    height: 44px;/*后加高度*/

}
.pur-top .gb{
    width:6.5%;
    height: 0.30rem; 
    float: left;
}
.pur-top .gb img{
    width: 100%;
}
.pur-top-center{
    width: 84%;
    font-size: .26rem;
    color: #fff;
    float: left;
    text-align: center;
    overflow: hidden;
  font-weight: normal;
}

.pur-top .gb.right{
    margin-top: 0.1rem;
}


/*溯源流通*/
body{
background: #f1f4ef;
/*overflow: hidden;*/
padding: 0px;
}
.pre{
    border-top: 0.01rem solid #d8d8d8;
    border-bottom:  0.01rem solid #d8d8d8;
}
header{
 width: 100%;
 overflow: hidden;
 background: #fff;
}
.pur-left{
    width: 42%;
    height: 1.6rem;
    overflow: hidden;
    padding: 0.1rem 0;
}
.pur-right{
    width: 53%;
    margin-left: 5%;
    margin-top: 5%;
     padding: 0.1rem 0;
}
.pur-left img{
    width: auto;
    height: 100%;
    margin:0 auto;
}
.pur-right h3{
    font-size: 0.26rem;
    color: #333333;
    margin-bottom: 0.15rem;
}
.pur-right p{
    margin-top: 0.07rem;
    color: #333;
    font-size: 0.16rem;
}
.commodity-wrap b{
    font-weight: normal;
    color: #979797;
}
.pur-right .red{
    background-color: #ff0000;
    padding: 0.05rem ;
    border-radius: 0.05rem;
    color: #fff;
    width: 80%;
    margin-top: 0.1rem;
}
/*切换列表*/
.content-box{
    min-height: 5.66rem;
    border-bottom: 0.01rem solid #d8d8d8;
}
.content-nav-u{
    width:145%;
    height: 0.4rem;
}
.content-nav-u li{
    width: 0.7rem;
    text-align: center;
    height:0.48rem;
    float: left;
    line-height: 0.48rem;
    margin-right: 0.03rem;
    margin-left: 0.03rem;
    color: #5b5b5b;
    font-size: 0.16rem;
}
.content-nav-u .active{
        color: #000000;
        border-bottom: #59c918 solid 0.02rem;
        height: 0.47rem;
       
}

.information{
    padding: 0.12rem 0.15rem 0.12rem 0.15rem;
    background: #fff;
    overflow: hidden;
    border-bottom: 0.01rem solid #d8d8d8;
}
.information:last-child{
    border: none;
}
.content-main{
     width: 100%;
    overflow: hidden;
     font-size: 0.15rem;
}
.information ul li{
    margin-top: 0.03rem;
    color: #333333;
}
.content h3{
    font-size: 0.2rem;
    color: #000;
    margin-bottom: 0.04rem;
}
.information ul li span{
    color: #333;
}


.progress_name strong{
color: #4cc207;
font-weight: bold;
font-size: 0.2rem;}
.source{
    padding-bottom: 0.2rem;
    overflow: hidden;
}
/*.source */.source-btn{
    display: inline-block;
    padding: 0.03rem 0.08rem;
    border: 0.01rem solid #22bbb6;
    border-radius: 0.05rem;
    color: #22bbb6;
    margin-left: 0.1rem;
}
.source .source-p{
    width: 100%;

}
.source-img{
width: 80%;
margin: 0.05rem auto;
overflow: hidden;
display: block;}
.source  .source-p img{
    width: 100%;
    height: 100%;
}
/*footer*/
.total-box{
    width:100%;
    background: #f1f4ef;
    font-size: 0.14rem;
}

.total-box .footer-button{
    width: 90%;
    border-radius: 0.5rem;
    border: 0.01rem solid #59c918;
    color: #59c918;
    background: #fff;
    height: 0.4rem;
    /*line-height: 0.4rem;*/
    margin: 0.1rem auto;
    display: block;
}
.total-box p{
    background: #59c918;
    height: 0.55rem;
    line-height: 0.55rem;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
}


.progress_bar .img{
    width: 70%;
    height:0.15rem;
    border-radius: 0.5rem;
    display: inline-block;
}

/*进度条*/
.progress_name{
    width: 25%;
    margin-left: 2%;
    color: #979797;
    float: right;
    text-align: right;
}
.div{
    width: 72%;
    overflow: hidden;
    float: left;
    margin:0.07rem 0;
}
.progress_bar{
    width: 100%;
    margin: 0.07rem 0;
    overflow: hidden;
}

.progressbar{
    position:relative;
    display:block;
    height:0.15rem;
    /*margin-top: 0.05rem;*/
}
.progressbar:before{
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:0.15rem;
    top:0px;
    left:0px;
    -webkit-border-radius:20px;
    border-radius:20px;
    background:#d4d9dd;
}
.bar {
    position:absolute;
    display:block;
    width:0px;
    height:0.15rem;
    top:0px;
    left:0px;
    background:rgb(126,234,25);
    background:-moz-linear-gradient(top,  rgba(126,234,25,1) 0%, rgba(83,173,0,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,234,25,1)), color-stop(100%,rgba(83,173,0,1)));
    background:-webkit-linear-gradient(top,  rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
    background:-o-linear-gradient(top,  rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
    background:-ms-linear-gradient(top,  rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
    background:linear-gradient(to bottom,  rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eea19', endColorstr='#53ad00',GradientType=0 );
    -webkit-border-radius:16px;
    border-radius:16px;
    -webkit-box-shadow:0px 0px 12px 0px rgba(126, 234, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
    box-shadow:0px 0px 12px 0px rgba(126, 234, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
    overflow:hidden;
}
.bar.color2 {
    background:rgb(246,104,84);
    background:-moz-linear-gradient(top, 
        rgba(246,104,84,1) 0%,
        rgba(227,167,97,1) 30%,
        rgba(183,233,100,1) 55%,
        rgba(156,233,86,1) 80%,
        rgba(101,208,38,1) 100%);
    background:-webkit-gradient(linear, left top, center bottom, color-stop(0%,rgba(246,104,84,1)), 
        color-stop(20%,rgba(227,167,97,1)),
        color-stop(50%,rgba(183,233,100,1)), 
         color-stop(80%,rgba(156,233,86,1)), 
         color-stop(100%,rgba(101,208,38,1)));
    background:-webkit-linear-gradient(top,  
        rgba(246,104,84,1) 0%,
        rgba(227,167,97,1) 20%,
        rgba(183,233,100,1) 55%,
        rgba(156,233,86,1) 80%,
        rgba(101,208,38,1) 100%);
    background:-o-linear-gradient(top,  
        rgba(246,104,84,1) 0%,
        rgba(227,167,97,1) 20%,
        rgba(183,233,100,1) 55%,
        rgba(156,233,86,1) 80%,
        rgba(101,208,38,1) 100%);
    background:-ms-linear-gradient(top,  
        rgba(246,104,84,1) 0%,
        rgba(227,167,97,1) 20%,
        rgba(183,233,100,1) 55%,
        rgba(156,233,86,1) 80%,
        rgba(101,208,38,1) 100%);
    background:linear-gradient(to right,  
        rgba(246,104,84,1) 0%,
        rgba(227,167,97,1) 20%,
        rgba(183,233,100,1) 55%,
        rgba(156,233,86,1) 80%,
        rgba(101,208,38,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c319', endColorstr='#a88c00',GradientType=0 );
    
}

.bar:before {
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:150%;
    top:-25%;
    left:-25px;
    background:-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.01) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
    background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
    background:-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    background:-o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    background:-ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    background:radial-gradient(ellipse at center,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff',GradientType=1 );

}
.bar:after {
    position:absolute;
    display:block;
    content:"";
    width:10%;
    height:0.15rem;
    right:0;
    top:0;
    -webkit-border-radius:0px 16px 16px 0px;
    border-radius:0px 16px 16px 0px;
    background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 98%, rgba(255,255,255,0) 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
    background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}


@-webkit-keyframes sparkle {
    from {background-position:0 0;}
    to {background-position:0 -64px;}
}
@-moz-keyframes sparkle {
    from {background-position:0 0;}
    to {background-position:0 -64px;}
}
@-o-keyframes sparkle {
    from {background-position:0 0;}
    to {background-position:0 -64px;}
}
@keyframes sparkle {
    from {background-position:0 0;}
    to {background-position:0 -64px;}
}
/*检验*/
.checkout{

 width: 100%;
}
.checkout:last-child{
    border: none;
    margin-top: 0.1rem;
}
.checkout-ul{
    position: relative;
    padding-bottom: 0.1rem;

}
.checkout-ul .infor_position{
    position: absolute;
    right: 0.06rem;
    top: 0.07rem;
    width: 1.16rem;
    height: 0.75rem;

}
.infor_position img{
    width: 100%;
    height: 100%;
}
.checkout-report{
  
    width: 100%;
    overflow: hidden;
}
.checkout-report-ul{
      padding: 0.1rem 0;
     border-top: 0.01rem dashed #d8d8d8;
     border-bottom: 0.01rem dashed #d8d8d8;
      width: 100%;
}
.checkout-report-ul li{
    margin-bottom: 0.06rem;
    display: block;
    width: 100%;
    overflow: hidden;
}
.checkout-report-ul .li{
    width: 48%;
    text-align: right;
    display: block;
    float: left;
    line-height: 0.25rem;
}
.checkout-report-ul .li p{
	display:block;
	text-align:right;
	line-height:0.25rem;
	width:100%;
	font-size:0.15rem;
}
.checkout-report-ul .report-name{
    text-align: left;
    width: 25%;
}
.checkout-report-ul .report-hg{
    text-align: right;
    margin-top: 0.25rem;
    width: 27%;
}
.checkout-report-img{
    width: 57%;
    margin: 0.1rem  auto;
    text-align: center;
    border: 0.01rem solid #e7e7e7;
    overflow: hidden;
    border-radius: 0.05rem;
}
.checkout-report-img img{
  width: 100%;
  height: auto;
}
/*采购*/
.procurement{
    margin-top: 0.09rem;
}
.procurement-report-img{
    width: 100%;
    margin: 0.1rem auto;
    text-align:justify;
     text-align-last:justify;
   

}
.procurement-report-img a{
    display: inline-block;
        text-align: center;
         border: 0.01rem solid #e7e7e7;
    border-radius: 0.05rem;
}
.procurement-report-img img{
     width: 1.27rem;
    display: inline-block;
    max-height: 1.75rem;

}
.mui-table-view{
    border: 0.01rem solid #e7e7e7;
    border-top: none;
    /*border-bottom: none;*/
}

.mui-table-view-cell p{
    font-size: 0.16rem;
}
.mui-ios .mui-table-view-cell{
    margin-top: 0;
}

.mui-table-view-cell>a:not(.mui-btn){
    /*border-bottom:  0.01rem solid #e7e7e7;*/
     border-top:  0.01rem solid #e7e7e7;

}

.mui-table-view:after{
    background: #fff;
}

.mui-table-view:before,.mui-table-view-cell:after{
    background: #fff;
}
.mui-table-view-cell.mui-collapse .mui-collapse-content{
    /*border: 0.01rem solid #e7e7e7;*/
    /*border-top: none;*/
    /*border-radius: 0.03rem;*/
   margin: 9px -15px -11px;
}

.rel .source-img{
    width: 100%;
  text-align: justify;
    text-align-last: justify;
}
.rel .source-img a {
    display: inline-block;
}
.rel .source-img img{
      width: 1.27rem;
    max-height: 1.75rem;
    margin-left: 0.1rem;
    display: inline-block;
    border: 0.01rem solid #e7e7e7;
    border-radius: 0.05rem;

}
.information .rel{
    margin: 0.1rem 0;
}

/*.gray-line{
     width: 110%;
    height: 0.02rem;
    background: #d8d8d8;
    margin-left: -5%;
}
.line{
    width: 110%;
    height: 0.01rem;
    background: #d8d8d8;
    margin-left: -5%;
}*/
.wrapper2 .pre{
    border-top: 0;
}
.mui-table-view-cell.mui-collapse .mui-collapse-content{
    padding: 0.08rem 0.05rem;
}
.rel-name{
    background: #f7f7f7;
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.15rem;
    font-size: 0.17rem;
    border-left: 1px;
    width: 110%;
    margin-left: -5%;
}
.rel-name b{
    color: #333;
}
/*查看工艺流程*/
            .mui-bar{
                background-color: #59c918;
              
            }
            .mui-title{
                  color: #fff; 
                  font-size: .25rem;
                  font-weight: normal;
            }
            .mui-bar .mui-icon{
                font-size: 27px;
            }
            .craft{
                padding-top: 0.6rem;
            }
          
            .put-h3{
                font-size: 0.2rem;
                color: #000;
                margin-bottom: 0.04rem;
            }
            .craft-content{
                width: 95%;
                margin-left: 5%;
                border-left: 0.01rem solid #59c918;
                margin-top: 5%;
            }
            .logy-box {
                width: 100%;
                overflow: hidden;
                margin-bottom: 0.06rem;
 
            }
            .cular {
                width: 0.25rem;
                height: 0.25rem;
                background: #fff;
                border-radius: 30px;
                border: solid 2px #59c918;
                position: absolute;
                margin-left: -11px;
            }
            .logy-box h1 {
                width: 100%;
                color: #666666;
                padding-left: 7%;
                font-size: 0.19rem;
                margin-top: 0.07rem;
                font-weight: bold;
                margin-bottom: 0.07rem;
            }
            .logy-box p {
                width: 100%;
                color: #666666;
                padding-left: 9%;
                font-size: 0.15rem;
                margin: 0;
                line-height: 0.24rem;
                 margin-bottom: 0.04rem;
            }
            .logy-box img{
                width: 80%;
                margin-left: 8%;
                border: 0.01rem solid #e7e7e7;
                border-radius: 0.02rem;
                margin-bottom: 0.04rem;

            }
            .logy-box video{
                width: 80%;
                margin-left: 8%;
                border: 0.01rem solid #e7e7e7;
                border-radius: 0.02rem;
                margin-bottom: 0.04rem;

            }
            .information{
                border: none;
            }
   